import React, { useContext } from 'react'
import Card from "./Card.jsx"

import { projects } from "../constant.jsx"
import { TabContext } from "@/components/TabHeader/index.jsx";
export default function Project() {
    const data = useContext(TabContext)
    return <div style={{ display: "grid", gridTemplateColumns: "repeat(2, 1fr)", gap: "20px" }}>
        {projects.map((card, index) => (
            data.domain[index] && <Card key={index} {...card} i={index} />
        ))}
    </div>
}